
<body class="login-bg">
    
    <div class="login layui-anim layui-anim-up">
        <div class="message">x-admin2.0-管理登录</div>
        <div id="darkbannerwrap"></div>
        
        <form method="post" class="layui-form" >
            <input name="nickname" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input name="code" lay-verify="required" placeholder="验证码"  type="text" style="width: 150px;float: left" class="layui-input">

            <img src="{:url('admin/login/code')}" _src="{:url('admin/login/code')}" id="code" style="float: right;width: 180px;height: 50px;" alt="">


            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20" >
        </form>
    </div>

    <script>
        $(function  () {

            $('#code').click(function(event) {
                $(this).attr('src',$(this).attr('_src')+"?id"+Math.random());
            });


            layui.use('form', function(){
              var form = layui.form;
              // layer.msg('玩命卖萌中', function(){
              //   //关闭后的操作
              //   });
              //监听提交
              form.on('submit(login)', function(data){
                // alert(888)
                // layer.msg(JSON.stringify(data.field),function(){
                //     location.href='index.html'
                // });

                $.post('{:url('admin/login/checklogin')}',data.field, function(res, textStatus, xhr) {
                   if(res.code==1){

                        layer.alert(res.msg, {icon: 6},function(){
                            location.href = "{:url('admin/index/index')}";
                        });
                    }else{
                        $('#code').click();
                        layer.msg(res.msg, function(){});
                    }
                },'json');






                return false;
              });
            });
        })

        
    </script>

</body>
</html>